<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>推荐用户</title>
    <!--<meta name="description" content="这是主页">-->
    <meta name="keywords" content="form">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="css/chinaz.css">
    <link rel="stylesheet" href="css/amazeui.swiper.min.css">


    <link rel="stylesheet" href="css/index.css">
    <!--<link rel="stylesheet" href="css/amazeui.slick.min.css">
    -->
    <!--<link rel="icon" type="image/png" href="assets/i/favicon.png">
    -->
    <!--<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    -->
    <!--<meta name="apple-mobile-web-app-title" content="Amaze UI" />
    -->
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/layout.css"/>
    <script src="assets/js/jquery.min.js"></script>

    <!--<link rel="stylesheet" href="assets/css/admin.css">--></head>
<body>

            <div style="width: 100%;padding-left: 4%;padding-top: 4px;padding-right: 4%">

                <!--概括component-->
                <div style="width: 100%;height: 40px;background-color: #99d3ef;">
                    <div style="float: left;background-color: #55B6E4;width: 2%;height: 40px"></div>
                    <div style="float: left;padding-top: 4px;margin-left: 10px">
                        <span style="font-size: 20px">推荐用户</span>
                    </div>
                </div>
                <!--over-->

                <!--内容component-->
                <div style="padding-left: 2%">
                    <div style="margin-top: 4px;color:gray">
                        如何推广
                    </div>
                    <div style="margin-top: 10px">
                        <span style="font-size: 14px;color:red">1.发送下面的邀请链接给好友等(建议不要发送给陌生人),通过此链接注册成功即可成为您的推荐用户</span>
                        <div style="margin-top: 10px;text-align: center">
                            <span style="font-size: 14px;color:#7f8c8d">邀请链接</span>
                            <input id="copy" style="padding-left: 2px;width: 50%;height: 22px;background-color: #DDDDDD;border: 1px solid #7f8c8d;outline: none;"
                            value=<?= $url?> >
                            <button data-clipboard-target="copy" id="copyBut" style="outline: none;margin-left: 20px;background-color:#7f8c8d;border: none;color:white;padding: 4px 10px 6px 10px;font-size:14px;height: 22px;">
                                复制
                            </button>

                            <div>
                                <img src="img/erweima.jpg" style="width: 25%">
                            </div>
                        </div>
                        <span style="font-size: 14px;color:red">
                            2.在用户注册时,在"推荐人"处填写您的用户名,注册成功即可成为您的推荐用户.如下图:</span>
                        <div>
                            <img src="img/zou.jpg" style="width: 60%;margin-left: 10%">
                        </div>

                    </div>
                </div>
    </div>
    <div style="width: 100%;clear: both"></div>


<div style="width: 100%;clear:both"></div>
</body>
<script type="text/javascript" src="js/ZeroClipboard.js"></script>
<script type="text/javascript">
    // 定义一个新的复制对象

    var clip = new ZeroClipboard( document.getElementById("copyBut"), {
        moviePath: "ZeroClipboard.swf"
    } );

    // 复制内容到剪贴板成功后的操作
    clip.on( 'complete', function(client, args) {
        alert("复制成功，复制内容为："+ args.text);
    } );

</script>

<style type="text/css">
    #recommend {background-color: #5790AC}
</style>
<script>
    var like = document.getElementById("recommend");
    like.innerHTML += "<img src='img/san.png' style='height: 40px;margin-top: -6px;float: right'> ";
</script>